@import url('https://fonts.googleapis.com/css?family=Open+Sans');

a:link,
a:visited {
  color: #222222;
}
a:hover,
a:focus,
a:active {
  color: #891A23;
}

#container{
background-color : rgb(255, 255, 255);
background-repeat: repeat;
background-position : 0% 0%;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
font-family : Open Sans;
opacity: 1;
}
#MainWrapper{background-color : rgb(249, 249, 254);
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#HeaderTop{background-color : rgb(252, 252, 252);
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
#Header,.Header{background-color : rgb(249, 249, 254);
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
.BreadcrumbBgColor{background-color : rgb(250, 250, 250);
background-image : url(/Portals/_default/Skins/Vaspan%20Custom/images/BreadcumpBg.png);
background-repeat: repeat-x;
background-position : 50% 0%;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#SliderBg{background-color : rgb(249, 249, 254);
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#MpageBody{background-color : rgb(249, 249, 254);
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
min-height: 300px;
}
#FooterTop{background-color : #e8e8e8;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
padding: 0;
max-width : 100%;
}
#FooterMap{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
max-width : 100%;
}
#MainFooter{background-color : rgb(39, 39, 39);
background-image : url(/Portals/_default/Skins/Vaspan%20Custom/images/Footer_Bg.png);
background-repeat: no-repeat;
background-position : 50% 0%;
border-top: 3px solid rgb(39, 39, 39);
color : #fff;
opacity: 1;
max-width : 100%;
}
#MainFooter .Normal, #MainFooter a, #MainFooter a:link {
color : #fff;
font-weight: bold;
}
#MainFooter a:hover {
color : #cccccc;
}
.TitleColor, .TitleBack, .WelcomeText a {background-color : transparent;
background-image : none;
border-color : #891A23;
color : #891A23;
opacity: 1;
}

.SpeedyDropDown { display: inline-block; }
.SpeedyDropDown .nav > li > a { line-height: 40px; }
.SpeedyDropDown .nav > li:not(.current) > a {
    background-color : #891A23;
    background-image : none;
    border-color : #fff;
    color : #fff;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li.current > a {
    background-color : #891A23;
    background-image : none;
    border-color : #fff;
    color : #fff;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li.current.active > a {
    background-color : #b7313c;
    background-image : none;
    border-color : #fff;
    color : #fff;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav > li > a:hover {
    background-color : #b7313c;
    background-image : none;
    border-color : #fff;
    color : #fff;
    font-weight: bold;
    opacity: 1;
}
.SpeedyDropDown .nav ul.subs {
    background-color : #fff;
    background-image : none;
    border-color : #891A23;
    color : #484848;
    opacity: 1;
}
.SpeedyDropDown .nav ul.subs li a:hover {
    background-color : #fff;
    background-image : none;
    border-color : #cccccc;
    color : #891A23;
    opacity: 1;
}
.SpeedyDropDown .SubTitle > li > a {
    background-color : transparent;
    background-image : none;
    border-color : #cccccc;
    color : #000000;
    opacity: 1;
}
.BevelTitle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.BevelTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.DentTitle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.LeafTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareTitle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquareTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitleSolid_Title{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafTitleSolid_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonTitle{background-color : #f7f2f2;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbon_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquareTitleWhite_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
#SquareTitleWhite{background-color : #fff5f5;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonCenterTitle{background-color : #fdfdfd;
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRibbonCenter_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentTitleSolid_Title{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : #891A23;
opacity: 1;
}
.DentTitleSolid_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareTitleShadow_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.SquareTitleShadow_content{background-color : #ffffff;
background-image : none;
border-color : rgb(72, 72, 72);
color : rgb(72, 72, 72);
opacity: 1;
}
.BevelNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(204, 204, 204);
color : rgb(72, 72, 72);
opacity: 1;
}
.RoundedBorderNoTitle{background-color : #faf8f8;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.Border{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.RoundedNoTilte_content{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : rgb(181, 180, 180);
color : rgb(72, 72, 72);
opacity: 1;
}
.StateSquare_Title{background-color : #3f79a0;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.StateSquareTitle_content{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareBorderNoTilte_content{background-color : #ffffff;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.LeafIcon_Title{background-color : #3d759a;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.RoundedTextTitle{background-color : transparent;
background-image : none;
border-color : #891A23;
color : #891A23;
opacity: 1;
}
.TitleSolidBorder_Title{background-color : transparent;
background-image : none;
border-color : #891A23;
color : rgb(72, 72, 72);
opacity: 1;
}
.Square3dRibbon{background-color : #fdfdfd;
background-image : none;
border-color : rgb(206, 207, 207);
color : rgb(72, 72, 72);
opacity: 1;
}
.SquareRectangle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DentNoTitle_content{background-color : #ffffff;
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.Rounded3dRibbon{background-color : rgb(255, 255, 255);
background-image : none;
border-color : #cccccc;
color : rgb(72, 72, 72);
opacity: 1;
}
.Rectangle_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.BevelIcon_Title{background-color : #891A23;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}
.DefaultTitle{background-color : transparent;
background-image : none;
border-color : #891A23;
color : #891A23;
opacity: 1;
}
.TitleNoBorder_Title{background-color : transparent;
background-image : none;
border-color : rgb(255, 255, 255);
color : rgb(255, 255, 255);
opacity: 1;
}


/* Additional styles */

.divLoginNavBar a:link,
.divLoginNavBar a:visited
{
    color: #222222;
}
.divLoginNavBar a:hover,
.divLoginNavBar a:focus,
.divLoginNavBar a:active {
    color: #891A23;
}

div.LoginNavBarContainer { white-space: nowrap;  }
.LoginNavBarContainer > div { vertical-align: top; white-space: initial; }

@media only screen and (max-width: 767px) {                            
    .LoginNavBarContainer > div { vertical-align: bottom; }    
    #MainWrapper { padding: 0; }
}

.DesktopSearchBox { display: table-cell; vertical-align: bottom; }
.MobileSearchRow { padding: 0; }

.MenuBar {
    background-color: #891A23;
}

.HeaderCart { display: inline-block; }
.HeaderBox > div { padding: 0px; }

.FixedHeaderStyle {
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 998;
}
.FixedHeaderStyle #Header { padding: 0; }
.FixedHeaderStyle .SpeedyDropDown .nav > li > a { line-height: 30px; }
.FixedHeaderStyle .HeaderInfoLeft, .FixedHeaderStyle .HeaderInfoRight {
    display: none;
}
.LeftC h1, .LeftC h2, .LeftC h3, .LeftC h4, .LeftC h5, .LeftC h6 { text-align: left; }

.FixedHeaderStyle .dnnLogoDiv img { max-height: 50px; }

@media only screen and (max-width: 767px) {
    .MobileSearchRow { padding: 5px 0; }
    .Header { padding: 2px 10px; }
    .HeaderCart { margin-left: 5px; margin-right: 5px; }
}

#MobileMenuWrapper {
    display: none;
    height: 98%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#MobileMenuPane {
    background-color: white;
    border: solid 1px #999999;
    border-left: none;
    box-shadow: 2px 2px 15px 0px #888888;
    height: 100%;
    margin: auto;
    margin-left: 0;
    overflow-y: auto;
    width: 98%;
}

#MbMenu { font-size: 16px; line-height: 1.1em; padding: 5px; }
                        
#MbMenu button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
#MbMenu button > span {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    text-align:center;
    text-decoration: underline;
}
#MbMenu button:hover { color: #891A23; }
                        
#MbMenu .fa  {
    font-size: 22px;
    display: block;
    background-color: #891A23;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 3px 6px 2px 6px;
    position: relative;
    color: white;
    margin: 0 5px;
}

div.SocialMediaIcons a {
    text-decoration: none;
    font-family: FontAwesome;
    font-size: 36px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
}
div.SocialMediaIcons img
{
    max-height: 36px;
}

div.CreditCardIcons em {
    text-decoration: none;
    font-family: FontAwesome;
    font-size: 24px;
    margin-left: 5px;
    margin-top: 5px;
    display: inline-block;
}

@media only screen and (max-width: 767px) {
    div.dnnLogoDiv { padding-left: 5px; padding-right: 5px; }
    .dnnLogoDiv img { max-height: 50px; }
}

.FooterHR {
    border-top: solid 3px #591015;
    height: 6px;
    background-color: rgb(72,72,72);
}

#MainFooter > div.flex-row > div {
    border-right: 2px solid #888888;
}

#MainFooter > div.flex-row > div {
    border-right: 2px solid #888888;
    margin-top: 5px;
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 25%;
}
#MainFooter > div.flex-row > div:nth-child(4n) { border-right: none; }

@media (max-width: 767px) {
    #MainFooter > div.flex-row > div { width: 50%; }    
    #MainFooter > div.flex-row > div:nth-child(2n) { border-right: none; }
}

.flex-row {
  width: 100%;
  max-width:1140px;
  margin: 0 auto;
  *zoom: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex-row:before,
.flex-row:after {
  display: table;
  content: " ";
}

.flex-row:after {
  clear: both;
}

.flex-row:before,
.flex-row:after {
  display: table;
  content: " ";
}

.flex-row:after {
  clear: both;
}

/* Login form adjustments */
.LoginPanel { float: none; margin-top: 20px; padding: 0; text-align: center; width: 100%; }
.dnnForm.dnnLoginService { display: inline-block; margin: 0 auto; min-width: 200px; width: initial; }
.dnnForm.dnnLoginService input[type="text"], .dnnLoginService input[type="password"] { display: block; margin: 0; max-width: 100%; width: initial; }
.dnnForm.dnnLoginService .dnnLabel { float: none; margin: 0; padding: 0; width: auto; }
.dnnForm.dnnLoginService .dnnClear:after { line-height: 0; }
.dnnSocialRegistration > #socialControls { padding-top: 0; }

.dnnForm.dnnLoginService .dnnFormItem { margin-bottom: 10px; }
.dnnForm.dnnLoginService .dnnFormItem a { margin-right: 5px; vertical-align: middle; }
.dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel { margin: 0; width: auto; }

@media handheld, only screen and (max-width:767px)  {

	.dnnLogin input[type="text"], .dnnLogin input[type="password"]{ margin: 0; max-width: 100%; width: initial; }
    .loginContent { margin: 0; }
    .LoginPanel { padding-right: 0; width: 100%; float: none; margin: 0 auto; }
    .dnnForm.dnnLoginService { min-width: 200px; width: initial; }
    .dnnForm.dnnLoginService .dnnFormItem > label.dnnFormLabel { width: auto; }
    .dnnLoginActions { margin-left: 0; }
    
    .dnnForm ul.dnnActions, .DnnModule ul.dnnActions, ul.dnnActions { width: initial; }    
}

@media handheld, only screen and (max-width:420px) {
    div.dnnLoginRememberMe { margin-left: 0; }
    .dnnFormItem, .dnnFormItem span { max-width: initial; }
}